@CHARSET "UTF-8";


/**************************** 公共部分开始 ****************************/
*{
    margin: 0;
    padding: 0;
    font-family: "微软雅黑","Microsoft JhengHei","Microsoft Himalaya";
}
html{
    font-size: 16px;
    color: #666;
}
/* 
	默认a标签无文本修饰 
*/
a{
    text-decoration: none;
}
/* 
	默认文本居中 
*/
.text-center{
    text-align: center;
}
/* 
	取消列表样式 
*/
ul{
    list-style: none;
}
/*
	关联学生信息
	姓名班级
*/
.wt-padding{
    padding: 0px 20px;
}
/* 
	关联学生信息 
*/
.student-info li{
    margin: 0.625rem 0;
}
/**************************** 公共部分结束 ****************************/


/**************************** 刷卡记录开始 ****************************/
/* 
	刷卡记录导航栏
	进校|出校|异常记录
 */
.tabs-nav {
    width: 100%;
    display: flex;
    font-size: 16px;
    margin-top: 15px;
}
.tabs-nav .tabs-nav-item {
    width: 33.333%;
    flex: 1;
    border-bottom: 1px solid #666666;
}
.tabs-nav .tabs-nav-item div{
    color: #999;
    line-height: 30px;
    height: 30px;
    font-size: 18px;
}
/* 
	活动列表，用户选中时显示该列表信息
 */
.tab-item-active{
    border-bottom: 3px solid #2ca4e7!important;
}
.tab-item-active a{
    color: #666!important;
}
/* 
	内容部分
	进校|出校|异常记录
 */
#time-1,#time-2,#time-3{
    border: 1px solid #666666;
    border-radius: 3px;
    height: 30px;
    text-indent: 2px;
}
/* 
	时间查询条件样式
 */
.margin-top{
    margin-top:20px;
}
.card-record-table{
    width: 100%;
}
.card-record-table tr{
    display: flex;
    height: 30px;
    padding: 7px 0;
    line-height: 30px;
}
.card-record-table tr:nth-child(odd){
    background: #c2dceb;
    border-radius: 5px;
}
.card-record-table tr td{
    width: 25%;
    flex: 1;
}
.card-record-table tr td:last-child{
    width: 75%;
    flex: 3;
}
/*
	设置异常记录字体红色 
 */
#unusual table{
    color: red ;
}
/* 
	进校|出校|异常记录
	非选中状态不显示
 */
#in,#out,#unusual{
    display: none;
}
/* 
	进校|出校|异常记录
	选中状态显示
 */
#in:target,#out:target,#unusual:target{
    display: block;
}

/**************************** 刷卡记录结束 ****************************/


/**************************** 外出申请开始 ****************************/
.apply{
	/* display : none;
    margin-top: 1.2rem;
    overflow: auto; */
}
.apply-table-we{
    border-radius: 6px;
    width:100%;
    color: #666666;
    padding: 0.625rem;
    margin:0.625rem 0;
}
.apply-td1{
    width:25%;
}
.apply-td2{
    width:35%;
}
.apply-td3{
    width:35%;
}
.apply-td4{
    width:5%;
}
.apply-reason{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.apply a:nth-child(odd) .apply-table-we{
    background: #c2dceb;
}
/* 
	申请状态
	通过|驳回|审批中|撤销 
*/
/* 
	申请状态:通过
*/
.state-yes{
    color: #1eb001;
}
/* 
	申请状态:驳回 
*/
.state-no{
    color: #ff0000;
}
/* 
	申请状态:审批中 
*/
.state-ing{
    color: #808000;
}
/* 
	申请状态:撤销 
*/
.state-cancel{
    color: #cccccc;
}
/**************************** 外出申请结束 ****************************/


/**************************** 分页部分开始 ****************************/
.page-nav{
    display: table;
    margin: 2.5rem auto 5rem;
}
.page-nav span{
    padding:0 0.3125rem;
    color: #2ca4e7;
}
#page,#page *{
    height: 25px;
    border-radius: 3px;
    margin: 0 10px;
    padding: 0 10px;
}
/**************************** 分页部分结束 ****************************/


/**************************** 刷卡记录|外出申请 切换部分开始 ****************************/
.fixed-bottom{
    width:100%;
    height: 50px;
    position: fixed;
    bottom: 0;
    font-size: 1.2rem;
    line-height: 50px;
    border-top: 5px solid #eeeeee;
    display: flex;
    color: #666;
    background: #fff;
}
.fix-bottom-active{
    color: #2ca4e7;
}
.fixed-bottom a{
	text-decoration: none;
    text-align: center;
    width: 50%;
    flex: 1;
}
/**************************** 刷卡记录|外出申请 切换部分结束 ****************************/


.dg{
	
}